<template>
  <div>
    <h2>dialog</h2>
    <!-- el-dialog
              title:标题
              :visible.sync：是否显示弹框
              width:宽度
              默认插槽：弹框内容
              具名插槽(footer):常用于底部按钮
     -->
    <el-button @click="open">点击打开弹框</el-button>
    <TestDialog ref="dialog" />
  </div>
</template>
<script>
import TestDialog from './components/testDialog.vue'
export default {
  components: {
    TestDialog
  },
  data() {
    return {}
  },
  methods: {
    open() {
      this.$refs.dialog.bol = true
    }
  }
}
</script>
<style></style>
